/* 
    Document   : theme
    Created on : 31.05.2011, 08:19:00
    Author     : Miguel Gonzalez
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

html, body {
    margin:0px;
    padding:0px;
    font-family:constantia;        
    background-color:#E3E3E3;
    text-align:justify;
}

@font-face {
	font-family: constantia;
	src: url('type/littlelo.ttf');
}

div#header {    
    background-repeat:no-repeat;
    background-position: top center;
    background-image: url(../img/header.png);
    background-color:white;
    height:200px;
    
}


div#box {
    text-align:center;    
    margin:0px;
    padding:0px;
    
    background: url(../img/bottom.png) repeat-x bottom center;
    background-color:white;
}

div#wrapper {
    display:inline-block;
    
}

div#left, div#right {
    display:inline-block;
    vertical-align:top;
    text-align:left;
}

div#left {
    width:730px;
    margin-top:-15px;
    padding-right:40px;
    text-align:justify;
    padding-bottom:30px;
} 

div#right {
    width:325px;
    margin-top:-60px;
}

div#menu ul {
    padding:0px;
    margin:0px;
}

div#menu a {
    text-decoration:none;
    color:#444444;
    font-size:22px;
    letter-spacing:1px;
    font-weight:500;
}

div#menu a.selected {
    color:#222222;
}


div#menu {
    text-align:left;
}

div#menu li {
    list-style:none;
    display:inline-block;
    width:160px;
    text-align:left;    
}


div#bar {
    
}

div#content {
    padding-top:20px;
}

div#footer {
    text-align:left;
    height:50px;
    padding-top:20px;
    margin-top:20px;
}

div#footer div.block-body {
    font-size:12px;
    color:#999999;
}


div#footer a {
    color:#888888;    
    vertical-align:middle;   
    text-decoration:underline;
}

div#bookmarks div.block {
    display:inline-block;
    height:100px;
    vertical-align:top;
}

div#bookmarks div.block div.block-body {
    width:auto;
    vertical-align:top;
}

div#bookmarks div.block a {
    display:inline-block;
    width:50px;
    height:50px;
    font-size:0px;    
}

div#bookmarks {
    height:110px;
    vertical-align:top;
}

div#bookmarks div.block, div#bookmarks div.block-body { background-position:bottom center; }

div#bookmarks div.block {
    margin-right:13px;
} 

div#bookmarks div.block-body {
    
}

/* RSS */
div#bookmarks div.block.block-rss { background-image:url(../img/bookmark_rss_mirror.png); background-repeat:no-repeat; }
div#bookmarks div.block-rss div.block-body { background-image:url(../img/bookmark_rss.png); background-repeat:no-repeat; }

/* Facebook */
div#bookmarks div.block.block-facebook { background-image:url(../img/bookmark_facebook_mirror.png); background-repeat:no-repeat; }
div#bookmarks div.block-facebook div.block-body { background-image:url(../img/bookmark_facebook.png); background-repeat:no-repeat; }

/* Skype */
div#bookmarks div.block.block-skype { background-image:url(../img/bookmark_skype_mirror.png); background-repeat:no-repeat; }
div#bookmarks div.block-skype div.block-body { background-image:url(../img/bookmark_skype.png); background-repeat:no-repeat; }

/* Twitter */
div#bookmarks div.block.block-twitter { background-image:url(../img/bookmark_twitter_mirror.png); background-repeat:no-repeat; }
div#bookmarks div.block-twitter div.block-body { background-image:url(../img/bookmark_twitter.png); background-repeat:no-repeat; }



/* BLOG */

.node h2  {
    margin-bottom:10px;
    
}

.node-info {
    font-size:14px;
    color:#888888;
}

.node-body {
    color:#444444;
    line-height:25px;
}

.node-more-info {
    font-size:12px;
}

.node-more-info a {
    text-decoration:underline;
}

/* TAG-Styling */

.vocabulary ul li {
    display:inline;
    padding-right:5px;
}